
<link rel="stylesheet" type="text/css" href={{ asset('assets/acc/lemonade.css') }} />
<link rel="stylesheet" type="text/css" href={{ asset('assets/acc/account.css') }} />
<link rel="stylesheet" type="text/css" href={{ asset('assets/upload/uploader.css') }} />
<link rel="stylesheet" type="text/css" href={{ asset('assets/bootstrap/bootstrap.min.css') }} />

<script type="text/template" name="accountTemplate">
<div class="frame">
	<div class="bit-640-72">
		<input type="text" value="">
		<i class="icon-home"></i>
	</div>
	<div class="bit-640-32">
		<input class="code" type="text" value="">
		<input class="code" type="text" value="">
	</div>
	<div class="bit-640-100">
		<div style="height:16px"></div>
		<div style="height:16px"></div>
	</div>
	<div class="bit-640-100">
		<input type="text" value="" class="amount">
		<div class="bit-25p" style="border:none"><input type="text" value=""></div>
		<div class="bit-75p" style="border:none"><input type="text" value="" readonly  class="amount"></div>
	</div>
	
	<div class="bit-640-32">
		<input class="code" type="text" value="">
		<input class="code" type="text" value="">
	</div>
	<div class="bit-640-100">
		<div style="height:16px"></div>
		<div style="height:16px"></div>
	</div>
	<div class="bit-640-100">
		<input type="text" value="" class="amount">
		<div class="bit-25p" style="border:none"><input type="text" value=""></div>
		<div class="bit-75p" style="border:none"><input type="text" value="" readonly class="amount"></div>
	</div>

	<div class="bit-640-104">
		<input type="text" value="">
		<i class="icon-arrow-up"></i>
		<i class="icon-arrow-down"></i>
		<i class="icon-plus"></i>
		<i class="icon-remove"></i>
		<i class="icon-resize-full"></i>
		<i class="icon-resize-small"></i>
	</div>
	<textarea rows="2" class="bit-1"></textarea>
</div>
</script>

<form>
<div class="acc" style="min-width:640px;">
	<div class="frame head">
		<div class="bit-640-72">No</div>
		<div class="bit-640-232">Credit</div>
		<div class="bit-640-232">Debt</div>
		<div class="bit-640-104">Memo</div>
		
		<div class="bit-640-72">Date</div>
		
		<div class="bit-640-32">Code</div>
		<div class="bit-640-100">Name</div>
		<div class="bit-640-100">Amount</div>
		
		<div class="bit-640-32">Code</div>
		<div class="bit-640-100">Name</div>
		<div class="bit-640-100">Amount</div>
		
		<div class="bit-640-104">Action</div>
	</div>

@for ($i = 0; $i < 2; $i++)
<div class="frame entry">
	<div class="bit-640-72">
		<input type="text" value="9999-09-09" class="date">
		<i class="icon-chevron-down" title="SIMPLE"></i>
	</div>
	
	<div class="bit-640-32">
		<input class="code main" type="text" value="1234">
		<input class="code sub" type="text" value="0000">
	</div>
	<div class="bit-640-100">
		<div style="height:16px" class="title" >０１２３４５６７８９０１２３４５６７８９</div>
		<div style="height:16px" class="title" >ＡＢＣＤＥＡＢＣＤＥＡＢＣＤＥＡＢＣＤＥ</div>
	</div>
	<div class="bit-640-100">
		<input type="text" value="123,456,789,000" class="amount">
		<div class="bit-25p" style="border:none"><input type="text" value="1234"></div>
		<div class="bit-75p" style="border:none"><input type="text" value="123,456,789" readonly  class="amount"></div>
	</div>
	
	<div class="bit-640-32">
		<input class="code main" type="text" value="1234">
		<input class="code sub" type="text" value="0000">
	</div>
	<div class="bit-640-100">
		<div style="height:16px" class="title" >０１２３４５６７８９０１２３４５６７８９</div>
		<div style="height:16px" class="title" >ＡＢＣＤＥＡＢＣＤＥＡＢＣＤＥＡＢＣＤＥ</div>
	</div>
	<div class="bit-640-100">
		<input type="text" value="123,456,789,000" class="amount">
		<div class="bit-25p" style="border:none"><input type="text" value="1234"></div>
		<div class="bit-75p" style="border:none"><input type="text" value="123,456,789" readonly  class="amount"></div>
	</div>

	<div class="bit-640-104">
		<input type="text" value="０１２３４５６７８９０１２３４５６７８９">
		<i class="icon-arrow-up" title="UP"></i>
		<i class="icon-arrow-down" title="DOWN"></i>
		<i class="icon-plus" title="ADD"></i>
		<i class="icon-remove" title="REMOVE"></i>
		<i class="icon-resize-full" title="MERGE"></i>
		<i class="icon-resize-small" title="SPLIT"></i>
		<i class="icon-tag" title="CLEAR"></i>
	</div>
	<textarea rows="2" class="bit-1">123</textarea>
</div>
@endfor

	<div class="frame foot">
		<div class="bit-640-72"><i class="icon-chevron-down" title="SIMPLE"></i></div>
		<div class="bit-640-232"><span class="amount-1"> </span> <span class="amount-2"></span></div>
		<div class="bit-640-232"><span class="amount-3"> </span> <span class="amount-4"></span></div>
		<div class="bit-640-104">Memo</div>
	</div>

</div>

</form>

<div class="margin:10px">

<div class="uploader" style="width:98%">
  <div class="bit-25p">
    <div class="drag-and-drop-zone">
      <div>DROP HERE</div>
      <div class="or">-or-</div>
      <div class="browser btn">
        <span>Click to open the file</span><input type="file" title="Click to add Images" multiple="multiple" accept="image/*" name="files[]" class="selectfile">
      </div>
    </div>
  </div>
  <div class="bit-75p">
    <div class="control-zone">
      <div class="head">Uploads</div>
      <div class="files">
        <span class="demo-note">No Files have been selected/droped yet...</span>
      </div>
    </div>
  </div>
  <div class="bit-1">
    <div class="debug-zone">Debug</div>
  </div>
  <div style="clear:both"/>
</div>

</div>


<script src="{{ asset('assets/jquery/jquery-1.10.2.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/bootstrap-datepicker/moment.min.js') }}"></script>
<script src="{{ asset('assets/mask/meiomask.js') }}"></script>
<script src="{{ asset('assets/textcomplement/jquery.textcomplete.js') }}"></script>
<script src="{{ asset('assets/upload/dmuploader.js') }}"></script>
<script src="{{ asset('assets/acc/account.js') }}"></script>


<script>
	$('.acc').account({codeSearchUrl:'{{  route('acc.master.code.search')}}' });
	$('.uploader').dmUploader({url: '{{ asset('assets/upload/upload.php') }}',allowedTypes: '*'});
</script>
